<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

<script>
// 作用域链：本质上是一个指向变量对象的指针列表，它只是引用但不实际包含变量对象
// 通俗讲，作用域链是多个嵌套的作用域形成的由内到外的结构，用于查找变量、函数、参数等

// window = {// 变量对象
//     a: undefined,// -> 1
//     outer: function (){},
//     this: window
// }

// outer_AO = {// 激活对象
//     b: undefined,// -> 2
//     inner: function (){},
//     arguments: {
//         length: 0
//     },
//     this: window
// }

// inner_AO = {// 激活对象
//     c: undefined,// -> 3
//     arguments: {
//         length: 0
//     },
//     this: window
// }

// 全局的作用域链：[window] 
// outer函数的作用域链：[outer_AO, window]
// inner函数的作用域链：[inner_AO, outer_AO, window]

var a = 1;
function outer(){
    var b = 2;
    function inner(){
        var c = 3;
        console.log( a );
        console.log( b );
        console.log( c );
    }
    inner();
}
outer();

</script>
</body>
</html>